iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 24
1
自我挑戰組

30天找回寫程式手感計劃!!!系列 第 24

Day24 - 「登愣登愣,登愣登登登」~ 一個不敢說出口(?)的隱挑戰XD(宣言篇)

  • 分享至 

  • xImage
  •  

今天的標題非常隱晦,
因為在進行這次的 30 天挑戰之前我就想說一定要挑戰這個,
但我近鄉情怯(?),
一直怕挑戰失敗不敢說我要挑戰XD
但會失敗還是要去挑戰,
我想這就是青春吧XD?
(小的已經快要沒有青春了,就讓小的邁入某個年紀的關卡前青春個一回吧XD)

其實這也是我 JavaScript 最終作業一直沒交出去的真正原因XD
因為兩個最終作業其實我去年早就寫好了,
只差自己額外多挑戰的沒寫完,
所以就一直拖著沒交出去了XD

我不知道有沒有人看到「登愣登愣,登愣登登登」就知道是什麼XD
(應該是不知道吧XD 因為可能我哼的不好之類的XD)

隱挑戰前言

去年開始動工 JavaScript 最終作業,
我就想說我好想用 JavaScript 寫出這個!
https://ithelp.ithome.com.tw/upload/images/20200930/20129873XilPY4fFbp.png
沒錯!
就是國產經典 RPG、X年級生童年共同回憶 ─── 「仙劍奇俠傳」!
而且是最古老版本仙劍奇俠傳 DOS版(科普:1995年,哇塞都25年了.......)
好但我也沒有雄心壯志要把整個仙劍寫出來就是了啦XD
只是想把戰鬥這一塊做出來XD
本來以為難度應該不算太高,
但去年實際動工發現會有很多問題,
例如,戰鬥音樂一直載不進去無法播放,
這真的是最大的問題,
因為仙劍最經典的不就是那個戰鬥音樂嗎XD
仙劍奇俠傳戰鬥音樂 - 風起雲湧
沒有戰鬥音樂整個就是 0 分啊XD
還有回合制,李逍遙→趙靈兒→怪,
李逍遙選擇動作完才能換趙靈兒動,最後怪才能動作,
才算完成一個回合。

隱挑戰範圍

這次是重新挑戰,其實老實說我現在的手感也沒有恢復到去年的 100%,
但也只能硬著頭皮上了XD
從今天到第三十天我都會進行這個隱挑戰,
先說,最後極有可能失敗收場XD
但小的會盡量加油orz
(對了,那些什麼被怪打到會有動作反射那些細節在這次隱挑戰是不會有的XD)

這邊先大概規劃一下階段:

  1. 先做普通攻擊(量先固定),HP 條會因為攻擊而減少,MP 條放著但先不用管它。
  2. 怪的 HP 歸零就結束戰鬥。
  3. 增加招式選擇。(可以選御劍術、雷咒那些,MP 條會消耗)
  4. 1 跟 3 的攻擊量要隨機。
  5. 戰鬥音樂一定要放進去RRRRR。
  6. 前面走路遇到怪才進入戰鬥場景,如果前面來不及這點先不用做。

大概會用到:

  • Flexbox
  • 物件陣列
  • 函數
  • getElementById
  • addEventListener

隱挑戰開始前,來弄個 GitHub 吧!

因為這次的 code 比較複雜,
我想要加入版本控制才不會有悲劇發生XD
而且也順便練一下 GitHub 指令,
我也差不多快忘光了XD

先找個大前輩大大的教學將 Git 弄出來→ Git 教學- Git 書- 為你自己學Git | 高見龍

  1. 安裝 Git
    Downloading Git

  2. 開啟 Git Bash
    https://ithelp.ithome.com.tw/upload/images/20200930/2012987390daKWIMTX.png

  3. 開始使用 GitHub
    (然後一些第一次用 Git 才需要用的步驟這邊就不會再提了,需要的夥伴們可以去看前輩們的教學文XD)

    1. 到 GitHub create 一個 repository
    2. 在 Git Bash 下指令:git clone 遠端數據庫網址
      而網址到 Github 你剛剛建的 repository 點選 Code 再把網址複製起來即可
      https://ithelp.ithome.com.tw/upload/images/20200930/20129873rCrMuRDl2g.png
      https://ithelp.ithome.com.tw/upload/images/20200930/20129873rYoFWhPe0p.png
      此時,會新增一個與你剛新增的 repository 的名字一樣的資料夾:
      https://ithelp.ithome.com.tw/upload/images/20200930/20129873QnJ5mXxD3l.png
      以下 3-7 為重複步驟:
    3. 到該目錄新增一個檔案(或之後有異動檔案都在此目錄底下進行)
    4. git add .
    5. git commit -m "備註"
    6. git push 遠端數據庫名稱 遠端分支名稱
      git push origin master
      https://ithelp.ithome.com.tw/upload/images/20200930/20129873cugOy2lfWr.png
    7. 到 GitHub 可以看到這次異動
      https://ithelp.ithome.com.tw/upload/images/20200930/20129873gdMNBsd3zw.png

    新增分支:
    8) git branch 分支名稱 =>開立分支
    9) git checkout 分支名稱 =>切到該分支
    https://ithelp.ithome.com.tw/upload/images/20200930/20129873fiG2sxkW5q.png
    之後就可以重複上述的 3-7 步驟。

[後記]

好,明天要開始了,好緊沾(?)
希望我的中秋連假可以寫出一點點像樣的東西就好XD


上一篇
Day23 - 「原來你家養了一頭 localStorage 啊!」~ 網頁 local 端的資料庫(應用篇)
下一篇
Day25 - 「登愣登愣,登愣登登登」~ 隱挑戰 Day1
系列文
30天找回寫程式手感計劃!!!36
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言